<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no"/>
	<title>网格</title>
	<!-- 基础css  -->
	<link rel="stylesheet" href="layui/css/layui.css" />
	<link rel="stylesheet" href="css/region.css" />
	<!-- 首页css  -->
</head>
<body>
	<div class="layui-tab layui-tab-card waTab">
	  <ul class="layui-tab-title">
	    <li class="layui-this">全部</li>
	    <li>第一网格</li>
	    <li>第二网格</li>
	    <li>第三网格</li>
	    <li>第四网格</li>
	    <li>第五网格</li>
	  </ul>
	  <div class="layui-tab-content">
	    <div class="layui-tab-item layui-show">
	    	<p>第一网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    	<p>第二网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    	<p>第三网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    	<p>第四网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    	<p>第五网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	    <div class="layui-tab-item">
	    	<p>第一网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	    <div class="layui-tab-item">
	    	<p>第二网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	    <div class="layui-tab-item">
	    	<p>第三网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	    <div class="layui-tab-item">
	    	<p>第四网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	    <div class="layui-tab-item">
	    	<p>第五网格</p>
	    	<ul>
	    		<li><a href="#this">单一栋</a></li>
	    		<li><a href="#this">单二栋</a></li>
	    		<li><a href="#this">学生宿舍1栋AB</a></li>
	    		<li><a href="#this">学生宿舍2栋AB</a></li>
	    		<li><a href="#this">学生宿舍3栋AB</a></li>
	    		<li><a href="#this">学生宿舍4栋AB</a></li>
	    	</ul>
	    </div>
	  </div>
	</div>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="layui/layui.js" charset="utf-8"></script>
    <script>
    	$(function(){
    		layui.use(['laypage','element', 'layer' , 'form'], function(){
			  var laypage = layui.laypage
			  ,layer = layui.layer
			  ,$ = layui.jquery
			  ,element = layui.element;
			  
			  //表单
			  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
			  
			  //……
			  
			  //但是，如果你的HTML是动态生成的，自动渲染就会失效
			  //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
			  form.render();
			});   
		});
    </script>
</body>
</html>
